/* icon font path, required */
$--font-path: '~element-ui/lib/theme-chalk/fonts';

@import "~element-ui/packages/theme-chalk/src/index";

@import './variables.scss';
@import './mixin.scss';
@import './transition.scss';
@import './svgicon.scss';

body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
}

*,
*:before,
*:after {
  box-sizing: border-box;
}

a,
a:focus,
a:hover {
  color: inherit;
  outline: none;
  text-decoration: none;
}

div:focus {
  outline: none;
}

.clearfix {
  &:after {
    content: "";
    display: table;
    clear: both;
  }
}

.app-container {
  padding: 20px;
}

.toolbar {
  background: #f2f2f2;
  padding: 10px;
  margin: 10px 0px;
  overflow-y: hidden;
  .el-form--inline {
    .el-form-item {
      margin-bottom: 10px;
    }
  }
}
.saveUpdate {
  .el-select{
    width:100%;
  }
}
.color-red{
  color: red;
}

.color-blue{
  color: blue;
}
.text-center{
  text-align: center;
}
.saveUpdate-prompt{
  .el-message-box__content{
    text-align: center;

    .el-message-box__message{
      display: inline-block;
      float: left;
      padding: 22px 10px;
    }
    .el-message-box__input{
      display: inline-block;
      width: 300px;
    }
    .el-message-box__errormsg{text-align:left;}
  }
}
.moreSelete{
  .el-input__inner{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

.disabledStyle{
  .el-input.is-disabled .el-input__inner{
  background-color: white;
  color: #606266;}
}
.saveUpdate{
  .el-date-editor--date{
    width: 100%;
  }
}
